<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body>
<div class="login-container">
    <div class="img_box">
        <img src="image/logo.png" class="image" alt="">
        <div>
            <p>校园一卡通</p>
            <p>管理系统</p>
        </div>
    </div>
    <div class="login_box" id="login_box">
        <ul class="select" id="select">
            <li><div class="title_box" id="code" data-index="1"><span data-index="1">扫码登录</span></div></li>
            <li><div class="title_box" id="account" data-index="2"><span data-index="2">账号登录</span></div></li>
            <li><div class="title_box" id="message" data-index="3"><span data-index="3">短信登录</span></div></li>
        </ul>
        <div class="login_area01" id="login_area01">
            </br>
            <img src="image/two.png" class="img_two" alt="">
            <a href="#"><p>还没有账号？去注册一个</p></a>
        </div>
        <div class="login_area02" id="login_area02">
            </br>
            <div>
                <input id="username" type="text" placeholder="请输入账号/手机号">
            </div>
            <div>
                <input id="password" type="password" placeholder="请输入密码">
            </div>
            <button type="submit">登录</button>
            <a href="#"><p>还没有账号？去注册一个</p></a>
        </div>
        <div class="login_area03" id="login_area03">
            </br>
            <div>
                <input id="phone_number" type="text" placeholder="请输入手机号">
            </div>
            <div>
                <input id="number" type="text" placeholder="验证码">
                <button onclick="time()" style="display: inline" id="ma">获取验证码</button>
                <button style="display: none" id="times"></button>
            </div>
            <div class="check_box">
                <button type="submit" id="submit01" onclick="submit_function()" disabled>登录</button>
                <input type="checkbox" id="checkBox"><span>未注册手机登录时会自动创建新账户,我已阅读并同意<a href="#">服务协议</a>和<a href="#">隐私条款</a></span>
            </div>
        </div>
    </div>
</div>
<script src="js/login.js"></script>
<script src="js/onclick.js"></script>
<script src="js/time.js"></script>
</body>
</html>